<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
<script type="text/javascript">
  let vm = new Vue({
    el: '#app',
    data () {
      return {
        message: 'WAS IT A CAR OR A CAT I SAW',
        // 如果允许被赋值，何不直接放在data中?
        noSpaceMsg: 'WASITACARORACATISAW'
      }
    },
    watch: { // 使用watch实现：当元数据变化时，同步衍生数据的状态
      message (newValue, oldValue) { // newValue: 修改后的值, oldValue: 修改前的值
        this.noSpaceMsg = this.message.replace(/\s/g, '')
      }
    }
  })
</script>
</body>
</html>